/* @override https://mitel-demo-sd.s3.amazonaws.com/css/style.css */

@def MITEL_BLUE #00447C;
@def LOGO_HEIGHT 24px;

@defmixin animation(NAME, ITERCOUNT, TIMINGFN, DURATION) {
 -webkit-animation-name: NAME;  
 -webkit-animation-iteration-count: ITERCOUNT;  
 -webkit-animation-timing-function: TIMINGFN;
 -webkit-animation-duration: DURATION;
 /* @alternate */ -moz-animation-name: NAME;  
 /* @alternate */ -moz-animation-iteration-count: ITERCOUNT;  
 /* @alternate */ -moz-animation-timing-function: TIMINGFN;
 /* @alternate */ -moz-animation-duration: DURATION;
}

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/*
   TODO will need to remove settings on HTML since we can't namespace it.
   TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
   color:#000;
   background:#FFF;
}
/*
   TODO remove settings on BODY since we can't namespace it.
*/
/*
   TODO test putting a class on HEAD.
      - Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
   margin:0;
   padding:0;
}
table {
   border-collapse:collapse;
   border-spacing:0;
}
fieldset,
img {
   border:0;
}
/*
   TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
   font-style:normal;
   font-weight:normal;
}

ol,
ul {
   list-style:none;
}

caption,
th {
   text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   font-size:100%;
   font-weight:normal;
}
q:before,
q:after {
   content:'';
}
abbr,
acronym {
   border:0;
   font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
   vertical-align:text-top;
}
sub {
   vertical-align:text-bottom;
}
input,
textarea,
select {
   font-family:inherit;
   font-size:inherit;
   font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
   *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
   color:#000;
}

body {

}

.mmlib_table td {
   padding: 4px;
   font-size: 12px;
}

a, a:visited {
   color: MITEL_BLUE;
}

.context_logo {
   margin: 4px;
   height: LOGO_HEIGHT;
}

.context_logo_col {
   float: left;
   margin-right: 12px;
   width: 81px;
}

.context_content_col {
   font-size: 80%;
   float: left;
   padding: 4px;
   line-height: LOGO_HEIGHT;
}

.span2 {
   width: 16.666%;
}

.context_content_col ul, .context_content_col ul li {
   margin: 0;
   padding: 0;
}

.context_content_col a {
   font-weight: bold;
   text-decoration: none;
}

@-webkit-keyframes blinker {  
  from { 
     background-color: red; 
  }
  to { 
     background-color: yellow;
  }
}

@-moz-keyframes blinker {  
  from { 
     background-color: red; 
  }
  to { 
     background-color: yellow;
  }
}

@-webkit-keyframes textblinker {
   from { 
     color: #fff;
  }
  to { 
     color: #000; 
  }
}

@-moz-keyframes textblinker {
   from { 
     color: #fff;
  }
  to { 
     color: #000; 
  }
}

.context_call_person {
   display: none;
   float: left;
}

.sidebar_content {
   overflow: hidden;
}

.presto_select {
	width: 100%;
	margin: 4px 0;
	font-size: 0.8em;
}

.presto_callbox {
	width: 100px;
        border-radius: 3px;
	margin: 4px 0;
	font-size: 0.8em;
}

.presto_call_button {
	margin: 0px 0px;
        float: left;
	font-size: 0.8em;
}

.presto_radio {
	margin: 2px 2px;
        float: left;
	font-size: 0.8em;
}

.auth {
   display: none;
}

.presto_call_prompt {
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	margin-top: 6px;
}

.presto_prompttext {
	font-weight: normal;
	text-align: left;
}

.presto_call_numbers {
	margin: 8px 0;
}

.presto_call_numbers li {
	float: left;
	margin-right: 4px;
}

.presto_call_numbers li:after {
	content: ", ";
}

.presto_call_numbers li:last-child:after {
   content: "";
}

.sidebar_incoming_calls {
  @mixin animation(blinker, infinite, cubic-bezier(1.0,0,0,1.0), 1s);
  display: none;
  width: 100%;
  text-align: center;
  padding: 4px;
  font-weight: bold;
}

.sidebar_incoming_calls a {
   @mixin animation(textblinker, infinite, cubic-bezier(1.0,0,0,1.0), 1s);
   width: 100%;
   text-align: center;
   padding: 4px;
   color: #fff;
}

.presto_drop_target {
   margin-top: 8px;
   border: 2px dotted MITEL_BLUE;
   padding: 4px;
   font-weight: bold;
   color: MITEL_BLUE;
   text-align: center;
   border-radius: 8px;
   cursor: pointer;
   clear: both;
}

@-moz-keyframes draganim {  
  from { 
     color: MITEL_BLUE;
     background-color: #fff;
     border-color: MITEL_BLUE;
  }
  to { 
     color: #fff;
     background-color: MITEL_BLUE;
     border-color: #fff;
  }
}

@-webkit-keyframes draganim {  
  from { 
     color: MITEL_BLUE;
     background-color: #fff;
     border-color: MITEL_BLUE;
  }
  to { 
     color: #fff;
     background-color: MITEL_BLUE;
     border-color: #fff;
  }
}

.presto_drop_target:hover {
   @mixin animation(draganim, 1, ease, 0.5s);
   color: #fff;
   background-color: MITEL_BLUE;
   border-color: #fff;
}

.presto_status {
   font-size: 8px;
   font-style: italic;
}

.presto_request {
   color: #a0a0a0;
   font-size: 11px;
}

.presto_presence {
   font-size: 08px;
   font-weight: bold;
}

.context_spinner {
   float: left;
   padding-left: 10px;
   margin-top: 4px;
}

.sidebar_mobile {
   font-size: 11px;
   margin-bottom: 6px;
   margin-top: 2px;
   border-bottom: 1px dotted #CCC;
   padding: 6px 0;
}

#sidebar_ismobile, #sidebar_currmobile {
   margin-right: 4px;
}

.context_mobile_indicator {
   position: absolute;
   right: 0;
   font-size: 12px;
   padding: 4px 12px;
   top: 0;
   /* background-color: #FCF8E3;
   border-left: 1px solid #C09853;
   color: #C09853; */
   font-weight: bold;
}

.context_call_from {
   margin-right: 6px;
}

.context_call_to, .context_call_from {
   margin-left: 6px;
}

.expertise_gadget {
   padding-top: 14px;
}

.expertise_gadget .topics {
   font-weight: normal;
   margin-top: 35px;
   text-align: center;
}

.expertise_gadget .topic1 {
   color: #333;
   font-weight: bold;
}

.expertise_gadget .topic2 {
   color: #666;
}

.expertise_gadget .topic3 {
   color: #999;
}

.expertise_gadget .drag_rarr {
   font-size: 18px;
   font-weight: bold;
   margin-top: 35px;
   text-align: center;
}

.match {
   margin-bottom: 16px;
   cursor: pointer;
}

#matches {
   min-height: 64px;
}

#matches:empty {
   border: 4px dashed #ddd;
   border-radius: 16px;
   text-align: center;
   padding: 32px;
   min-height: 0;
}

#matches:empty::after {
   content: "No available matches";
   font-style: italic;
}

#matches .match_word {
   display: inline;
}

#assignto, #interestedin, #carboncopy {
   padding: 8px 8px 4px 8px;
   min-height: 40px;
}

.match_word {
   display: none;
}

#assignto .match, #interestedin .match, #carboncopy .match {
   float: left;
   margin-right: 4px;
   margin-bottom: 4px;
}

.well {
   padding: 0;
}


.assigntitle {
   font-weight: bold;
   margin-bottom: 4px;
}

.dragging {
   opacity: 0.5;
}

.alert {
   padding-right: 14px;
}

.overloaded {
   margin-right: 8px;
}

.ac-renderer {
  font: normal 13px Arial, sans-serif;
  position: absolute;
  background: #fff;
  border: 1px solid #666;
  -moz-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
  -webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
  width: 300px;
}

.ac-row {
  cursor: pointer;
  padding: .4em;
}

.ac-highlighted {
  font-weight: bold;
}

.ac-active {
  background-color: #b2b4bf;
}
